<extend name="_Layout/main"/>
<block name="script">
    <script src="__HOME_JS__/modernizr.custom.97074.js"></script>
    <script src="__HOME_JS__/jquery.chocolat.js"></script>
    <link rel="stylesheet" href="__HOME_CSS__/chocolat.css" type="text/css" media="screen" charset="utf-8">
    <!--light-box-files -->
    <script type="text/javascript">
        $(function() {
            $('.gallery-bottom a').Chocolat();
        });
    </script>
</block>


<block name="lbwindex">
<!--gallery-starts-->
<div class="gallery">
    <div class="container">
        <div class="gallery-top heading">
            <h3>愛心相冊</h3>
        </div>
        <div class="gallery-bottom grid">
            <div class="g-1">
                <div class="col-md-3 g-left">
                    <a href="__HOME_IMG__/images/g1.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g1.jpg" alt=""/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="col-md-3 g-left">
                    <a href="__HOME_IMG__/images/g2.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g2.jpg" alt=""/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="col-md-6 g-right">
                    <a href="__HOME_IMG__/images/g-3.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g3.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="g-2">
                <div class="col-md-6 g-right">
                    <a href="__HOME_IMG__/images/g-4.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g4.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="col-md-3 g-left">
                    <a href="__HOME_IMG__/images/g5.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g5.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="col-md-3 g-left">
                    <a href="__HOME_IMG__/images/g6.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g6.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="g-2">
                <div class="col-md-3 g-left">
                    <a href="__HOME_IMG__/images/g7.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g7.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="col-md-3 g-left">
                    <a href="__HOME_IMG__/images/g1.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g1.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="col-md-6 g-right">
                    <a href="__HOME_IMG__/images/g-9.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
                        <figure class="effect-oscar">
                            <img src="__HOME_IMG__/images/g9.jpg" alt="img09"/>
                            <figcaption>
                                <h2>Sed id dolor</h2>
                                <p>Vestibulum mollis mollis elit nec ullamcorper</p>
                            </figcaption>
                        </figure>
                    </a>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
</div>
<!--gallery-end-->
</block>